<route lang="yaml">
  meta:
    enabled: false
  </route>

<script setup lang="ts">
interface RowVO {
  id: number
  name: string
  sku: string
  stock: number
}

const tableData = ref<RowVO[]>([
  { id: 10001, name: '凤凰单枞礼盒装', sku: '1盒', stock: 100 },
  { id: 10002, name: '鸭屎香单枞', sku: '1罐', stock: 100 },
])
</script>

<template>
  <div>
    <FaPageHeader title="商品管理">
      <SearchBar :fold="false" :show-toggle="true" />
    </FaPageHeader>
    <FaPageMain>
      <el-table :data="tableData" style="width: 100%">
        <el-table-column prop="id" label="商品编码" width="100" />
        <el-table-column prop="name" label="商品名称" width="120" />
        <el-table-column prop="sku" label="规格" width="120" />
        <el-table-column prop="stock" label="库存" width="120" />
      </el-table>
    </FaPageMain>
    <FaPagination :page="1" :size="10" :total="10" />
  </div>
</template>
